<!DOCTYPE html>
<html ng-app="myApp">
	<head>
		<meta charset="utf-8">
		<title>Simple app</title>
		<script type="text/javascript" src="../angular.min.js"></script>
	</head>
	<body  >
				<div id="" ng-controller="CCtrl">
					<input type="text" ng-model="expr" value="aaa" placeholder="Plase input" />
				<h2>
					{{parseValue}}
				</h2>
				</div>
				
		</div>
		<script type="text/javascript" src="../jquery-1.11.0.js"></script>
		<script type="text/javascript">
		//表达式
		/**
		 * 解析ANJS表达式
		 * $parse这个内部服务来进行表达式的运算。这个服务能够访问当前所处的作用域。这个过程允许我们访问 定义
		 * 在$scope上的原始JS数据
		 */
		var app = angular.module('myApp',[]);
		//得到$scope上的原始JS数据 
		//MyContrller中给expr这个表达式设置一个$watch并解析它
		app.controller('CCtrl',function($scope,$parse){
			$scope.$watch('expr',function(newVal,oldVal,scope){
				if(newVal !== oldVal){
					var parseFun = $parse(newVal);
					$scope.parseValue = parseFun(scope);
				}
			})
		})
		</script>
	</body>
</html>
